<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>SoftWare</title>
	<link rel="stylesheet" href="CSS/public.css">
	<link rel="stylesheet" href="CSS/index.css">
	<link rel="stylesheet" href="CSS/reset.css">
</head>
<!--[if lt ie 9 ]>
	<script src="js/html5.js"></script>
	<![endif]-->
<body>
	<section class="content">	
	<header>
		<div class="header-inner">
			<div class="header-top cf">
				<h1>Software</h1>
			    <div class="log">
			    	<a href="#">Site Map</a>
			    	<a href="#">Help</a>
			    	<a href="#">FAQs</a>
			    </div>
			</div>
		    <nav class="cf">
		    	<ul>
		    		<li><a href="#">Home</a></li>
		    		<li><a href="#">Feat ures</a></li>
		    		<li><a href="#">Support </a></li>
		    		<li><a href="#">Downloads </a></li>
		    		<li><a href="#">Contacts</a></li>
		    	</ul>
		    </nav>
		</div>
	</header>
	<section class="banner cf">
		<img src="images/banner_pic.png" alt="">
		<article>
			<h2>BEST</h2>
			<h3>Professional Soft</h3>
			<p>Software is one of <span>free web templates</span> created by TemplateMonster team.This websites templates is optimized for1280x1024 screen resoliyont. Iti is hdhfasf Xhtml Css valid</p>
		    <a href="#">Read More</a>
		</article>
	</section>
	    <div class="main-top cf">
			<div class="package">
				<div class="pac-top cf">
					<div class="number">
						<h2>01</h2>				
					</div>
					<h3><span>BASIC</span><br>Packsage</h3>
				</div>
				<p class="cf">This <span class="soft">Software Template</span> gose with two packages.</p>
			</div>
			<div class="package">
				<div class="pac-top cf">
					<div class="number">
						<h2>02</h2>				
					</div>
					<h3><span>FULL</span><br>Packsage</h3>
				</div>
				<p class="cf">This <span class="soft">Software Template</span> gose with two packages.</p>
			</div>
			<div class="package">
				<div class="pac-top cf">
					<div class="number">
						<h2>03</h2>				
					</div>
					<h3><span>NEW</span><br>Packsage</h3>
				</div>
				<p class="cf">This <span class="soft">Software Template</span> gose with two packages.</p>
			</div>
		</div>
		<section class="main">
			<div class="main-inner cf">
				<article>
					<h2>About Our Products</h2>
					<div class="article-con cf">
						<img src="images/article_pic_03.png" alt="">
                        <p>
                        	At vero eos et assuames et iusto odio digbissm ducimus qui blanditilis praesentium voluptatum deleniti atyehue dhdfhu dhashf hshusd et qus.
                        </p>
                        <p>Molestias excepuri sint occaecti cupiditate nin dhuiah alishdnds sunt in culpa qui offcia de hdf modhuf anfh,is der laborum et dolorum fuga.quidem rerum dhfd hdf hdkf.</p>
					</div>
					<ul class="cf">
						<li>
							<a href="#">Nam libero tempore,cum solute
							</a>
						</li>
						<li>
							<a href="#">
								Nam liobro tempore,cum soluta
							</a>
						</li>
						<li>
							<a href="#">
								Cobis est eligendi optio cumque impedit
							</a>
						</li>
						<li>
							<a href="#">
								Cobis est eligendi optio cumque impedit
							</a>
						</li>
						<li>
							<a href="#">
								Quo minus id quod maxime placeat
							</a>
						</li>
						<li>
							<a href="#">
								Quo minus id quod maxime placeat
							</a>
						</li>
					</ul>
				</article>
				<aside>
					<h2>Reviews</h2>
					<div class="sb-text">
						<img src="images/yinhao_03.png" alt="">
						<p>Sed ut perspicitas unde omnis natus error sit voluptatem accuum doloreque laudantium.</p>
						<a class="cf" href="#">Victor Salivan</a>
					</div>
					<div class="sb-text">
						<img src="images/yinhao_03.png" alt="">
						<p>Sed ut perspicitas unde omnis natus error sit voluptatem accuum doloreque laudantium.</p>
						<a class="cf" href="#">Sebastian Seneze</a>
					</div>
					<img class="list" src="images/li_style_07.png" alt="">
					<a class="more" href="#">see all</a>		
				</aside>
			</div>
	    </section>	
	</section>	
	<footer>
		<p>Superior.com©2011</p>
		<p><a href="#">Website Template</a> by TemplateMonster.com</p>
		<p>Popular free web templates <a href="#">at www.Website TemplatesOnline.com</a>. <a href="#">GetJoomla TemplatesFree.com</a>-free Joomla thems for websites.</p>
	</footer>
</body>
</html>